<!--
 * @Author: mayating mayating@xinchan.com.cn
 * @Date: 2024-06-26 10:53:37
 * @LastEditors: mayating mayating@xinchan.com.cn
 * @LastEditTime: 2024-06-26 19:19:19
 * @FilePath: /wuniubi/src/components/SCrollView.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <!-- 首页 -->
    <HOME></HOME>
    <!-- ACCESSORIES 价格服务 -->
    <ACCESSORIES></ACCESSORIES>
    <!-- SHARE 分享 -->
    <SHARE></SHARE>
    <!-- DECORATION 类目 -->
    <DECORATION></DECORATION>
  </div>
</template>

<script>
// 组件
import HOME from "./HOME/index.vue";
import SHARE from "./SHARE/index.vue";
import DECORATION from "./DECORATION/index.vue";
import ACCESSORIES from "./ACCESSORIES/index.vue";
import scrollReveal from "scrollreveal";
export default {
  name: "App",
  data() {
    return {
      scrollReveal: scrollReveal(),
    };
  },
  mounted() {
    // this.scrollReveal.reveal(".reveal-top", {
    //   // 动画的时长
    //   duration: 1000,
    //   // 延迟时间
    //   delay: 500,
    //   // 动画开始的位置，'bottom', 'left', 'top', 'right'
    //   origin: "top",
    //   // 回滚的时候是否再次触发动画
    //   reset: false,
    //   // 在移动端是否使用动画
    //   mobile: false,
    //   // 滚动的距离，单位可以用%，rem等
    //   distance: "200px",
    //   // 其他可用的动画效果
    //   opacity: 0.001,
    //   easing: "linear",
    //   scale: 0.9,
    //   // distance: "30px",
    //   // duration: 1800,
    //   // reset: true,
    // });

    this.scrollReveal.reveal(`.share__data, .send__img`, {
      origin: "right",
    });
  },
  components: {
    HOME,
    SHARE,
    DECORATION,
    ACCESSORIES,
  },
};
</script>

<style lang="scss"></style>
